﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.10.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("~/Scripts/modernizr-1.7.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.js")"></script>
        <script type="text/javascript" src="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/js/bootstrap.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("~/Scripts/ScrollPage/ScrollPage.js")"></script>
        <link type="text/css" href="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap.css")" media="screen" rel="stylesheet" />
        <link type="text/css" href="@Url.Content("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.0/css/bootstrap-theme.css")"  media="screen" rel="stylesheet" />
        <link type="text/css" href="@Url.Content("~/Content/menu.css")" rel="stylesheet"/>
        <link type="text/css" href="@Url.Content("~/Content/fonts/ScrollPage/ScrollPage.css")" rel="stylesheet"/>
    </head>
    <body>
        <div id="wrap">
                <header class="masthead">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <h1><a href="#" title="Bootstrap Template">Happy Scroll</a>
                                <p class="lead">{A Bootstrap Template}</p></h1>
                        </div>
                        <div class="col-sm-6">
                            <div class="pull-right  hidden-xs">    
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><h3><i class="glyphicon glyphicon-cog"></i></h3></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i> Link</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-user"></i> Link</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-lock"></i> Link</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-cog"></i> Link</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </header>
            <div class="navbar navbar-custom navbar-inverse navbar-static-top" id="nav">
                <div class="container">
                    <div class="navbar-header">

                        <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </a>
                    </div>
                    <div class="navbar-collapse collapse" id="navbar">
                        <ul class="nav navbar-nav">
                            <li>@Html.ActionLink("HOME", "Index", "Home")</li>
                            <li>@Html.ActionLink("PRODUTOS", "Produtos", "Home")</li>
                            <li><a>VENDA DE ACESSÓRIOS</a> </li>
                            <li><a>FORNECEDORES</a> </li>
                            <li><a>SOBRE</a> </li>
                            <li>@Html.ActionLink("CONTATO", "Contato", "Home")</li>
                        </ul>
                    </div>
                </div>
            </div>      

            <div id="wrap" class="container-fluid">
                <div style="padding-top: 5%;">
                    <div class="row row-offcanvas row-offcanvas-left">
                        @Html.Partial("MenuLateral")
                        <div class="col-xs-12 col-sm-9 content">
                            @RenderBody()
                        </div>
                    </div>
                </div>
            </div>  
        </div>      

        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p class="text-primary" style="text-align: center">LOCADORA ORION - 2014</p>
                    <p class="text-center">
                        Avenida Paulo Emanuel de Almeida, 868<br />
                        Wanel Ville - Sorocaba / SP<br />
                        CEP: 18053-505
                    </p>
                </div>
            </div>
        </footer>

        <ul class="nav pull-right scroll-top">
            <li>
                <a href="#" title="Scroll to top"><i class="glyphicon glyphicon-chevron-up"></i></a>
            </li>
        </ul>

    </body>
</html>
<script type="text/jscript">
    $(function () {
        if ($("#divProdutos").length) {
            $.get('@Url.Action("MenuLateral", "Home")', function (data) {
                $("#divMenuLateral").html(data);
            });
        }
    });
</script>
